1 files changed, 62 insertions, 0 deletions
diff --git a/app/[lng]/evcp/(evcp)/compliance/[templateId]/responses/[responseId]/page.tsx b/app/[lng]/evcp/(evcp)/compliance/[templateId]/responses/[responseId]/page.tsx
new file mode 100644
index 00000000..73d9bbac
--- /dev/null
+++ b/app/[lng]/evcp/(evcp)/compliance/[templateId]/responses/[responseId]/page.tsx
@@ -0,0 +1,62 @@
+import * as React from "react"
+import { Shell } from "@/components/shell"
+import { InformationButton } from "@/components/information/information-button"
+import { ComplianceResponseDetail } from "@/lib/compliance/compliance-response-detail"
+import { 
+  getComplianceResponse,
+  getComplianceResponseAnswers,
+  getComplianceResponseFiles,
+  getComplianceSurveyTemplate,
+  getComplianceQuestions
+} from "@/lib/compliance/services"
+
+interface ResponseDetailPageProps {
+  params: {
+    lng: string;
+    templateId: string;
+    responseId: string;
+  };
+}
+
+export default async function ResponseDetailPage({ params }: ResponseDetailPageProps) {
+  const resolvedParams = await params;
+  const { templateId, responseId } = resolvedParams;
+  
+  const templateIdAsNumber = Number(templateId);
+  const responseIdAsNumber = Number(responseId);
+
+  // 서버에서 데이터 미리 가져오기
+  const promises = Promise.all([
+    getComplianceResponse(responseIdAsNumber),
+    getComplianceResponseAnswers(responseIdAsNumber),
+    getComplianceResponseFiles(responseIdAsNumber),
+    getComplianceSurveyTemplate(templateIdAsNumber),
+    getComplianceQuestions(templateIdAsNumber)
+  ]);
+
+  return (
+    <Shell className="gap-2">
+      <div className="flex items-center justify-between space-y-2">
+        <div className="flex items-center justify-between space-y-2">
+          <div>
+            <div className="flex items-center gap-2">
+              <h2 className="text-2xl font-bold tracking-tight">
+                설문조사 응답 상세
+              </h2>
+              <InformationButton pagePath="evcp/compliance" />
+            </div>
+            <p className="text-muted-foreground">
+              설문조사 응답의 모든 답변과 첨부파일을 확인할 수 있습니다.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <ComplianceResponseDetail 
+        templateId={templateIdAsNumber} 
+        responseId={responseIdAsNumber}
+        promises={promises}
+      />
+    </Shell>
+  )
+}